﻿@{
    ViewBag.Title = "Test";
    Layout = null;
}

<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

<style type="text/css">
    * {
        margin: 0;
        padding: 0;
        list-style: none;
        border: 0;
        box-sizing: border-box;
    }

    body {
        background-color: #fff;
    }

    .clearfix:after {
        content: ".";
        display: block;
        font-size: 0;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    .clearfix {
        display: inline-table;
    }

    *html .clearfix {
        height: 1%;
    }

    .clearfix {
        display: block;
    }

    * + html .clearfix {
        min-height: 1%;
    }

    .che_tit {
        text-align: center;
        background-color: #0095DA;
        /*height:5.4%;*/
        height:44px;
        position: absolute;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0 -.5rem;
        font-size: 20px;
        font-weight: 500;
        line-height: 2.7rem;
        color: #fff;
        white-space: nowrap;
        left:8px;
    }

    .ul_pro {
        background-color: #CED3D9;
        text-align: center;
        padding: 4px 2px;
        font-size: 18px;
    }

        .ul_pro li {
            float: left;
            width: 10%;
            padding: 2px;
            box-sizing: border-box;
        }

        .ul_pro .li_close {
            float: right;
            width: 22.22%;
        }

            .ul_pro .li_close span {
                background-color: #ACB3BB;
            }

        .ul_pro .li_clean {
            float: right;
            width: 22.22%;
        }

        .ul_pro li span {
            display: block;
            background-color: #fff;
            border-radius: 4px;
            box-shadow: 2px 2px 2px #888888; /* max-width:48px; margin:0 auto; */
            line-height: 32px;
            padding-top: 2px;
        }

            .ul_pro li span:active {
                background-color: #4DA9F2;
                color: #fff;
            }

    .ul_input {
        /*padding: 20px;
        width: 350px;*/
        margin: 0 auto;
    }

        .ul_input li {
            float: left;
            width: 12%;
            padding: 2px;
            text-align: center;
        }

            .ul_input li span {
                display: block;
                background-color: #fff;
                border: 1px solid #ccc;
                border-radius: 4px;
                width: 100%;
                margin: 100px auto;
                height: 40px;
                line-height: 40px;
            }

    .ul_keybord {
        background-color: #CED3D9;
        text-align: center;
        padding: 4px 2px;
        font-size: 18px;
    }

        .ul_keybord li {
            float: left;
            width: 10%;
            padding: 2px;
            box-sizing: border-box;
        }

        .ul_keybord .ikey20 {
            margin-left: 5%;
        }

        .ul_keybord .li_w {
            width: 10%;
        }

        .ul_keybord .li_close {
            float: right;
            width: 22.22%;
        }

            .ul_keybord .li_close span {
                background-color: #ACB3BB;
            }

        .ul_keybord .li_clean {
            float: right;
            width: 22.22%;
        }

        .ul_keybord li span {
            display: block;
            background-color: #fff;
            border-radius: 4px;
            box-shadow: 2px 2px 2px #888888; /* max-width:48px; margin:0 auto; */
            line-height: 32px;
            padding-top: 2px;
        }

            .ul_keybord li span:active {
                background-color: #4DA9F2;
                color: #fff;
            }

    p {
        display: block;
        -webkit-margin-before: 1em;
        -webkit-margin-after: 1em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
    }

    .copyright {
        text-align: center;
        font-size: .4rem;
        color: #999;
        padding: 1rem 0;
    }
</style>
@*background-color:#EFEFF4*@
<div class="">
    <div class="che_tit">输入车牌</div>
    <div class="car_input">
        <ul class="clearfix ul_input">
            <li class="input_pro">
                <span></span>
            </li>
            <li class="input_pp input_zim">
                <span></span>
            </li>
            <li class="input_pp">
                <span></span>
            </li>
            <li class="input_pp">
                <span></span>
            </li>
            <li class="input_pp">
                <span></span>
            </li>
            <li class="input_pp">
                <span></span>
            </li>
            <li class="input_pp">
                <span></span>
            </li>
            <li class="input_pp">
                <span></span>
            </li>
        </ul>
    </div>
</div>
<div id="jp_pro">
</div>
<div class="copyright">
    <p style="">厦门一指通智能科技有限公司 </p>
    <p>©2018 www.xmyzt.com.cn </p>
</div>
<script type="text/javascript" src="/Res/js/jquery.min.js"></script>
<script src="/Res/js/layer.js" type="text/javascript"></script>
<script src="/Res/js/AddCar.js" type="text/javascript"></script>
<script>
    function update() {
        document.body.style.backgroundColor = "#EFEFF4";
    }
    update();
</script>
